<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <img src="af.png" alt="这是一个帅哥">
    <!-- "../"表示上一级-->
    <img src="../2.png" title="帅哥" width="500" height="500">
    <!-- 同级目录直接目录/. 名字-->
    <img src="abc/3.png" width="50%">
    <!-- 绝对路径-->
    <img src="https://c2.hoopchina.com.cn/uploads/star/event/images/180821/1c28c9c9973259b1eaa1597850ca198363be9668.jpg">
</body>
</html>